<%@page import="DTO.AutorDTO"%>
<%@page import="DTO.ObraDTO"%>
<%@page import="DTO.UsuarioDTO"%>
<%@page import="DTO.StatusDTO"%>
<%@page import="DTO.ComentarioDTO"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8" language="java" session="true"%>
<!DOCTYPE html>

<%
	UsuarioDTO usuarioLogado = (UsuarioDTO) request.getSession().getAttribute("usuarioLogado");
	ObraDTO obraDTO = (ObraDTO) session.getAttribute("obraDTO");
	List<StatusDTO> status = (List<StatusDTO>) session.getAttribute("status");
	List<AutorDTO> autores = (List<AutorDTO>) session.getAttribute("autoresObra");
	if(autores == null){
		autores = new ArrayList<AutorDTO>();
	}
	List<ObraDTO> livros = (List<ObraDTO>) session.getAttribute("livrosObra");
	if(livros == null){
		livros = new ArrayList<ObraDTO>();
	}
	List<ComentarioDTO> comentarios = (List<ComentarioDTO>) session.getAttribute("comentarios");
	if(comentarios == null){
		comentarios = new ArrayList<ComentarioDTO>();
	}
	Integer rank = (Integer) session.getAttribute("rank");
	Boolean estaNaLista = (Boolean) session.getAttribute("livroEstaNaLista");
	if(estaNaLista == null){
		estaNaLista = false;
	}
%>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Visualização: Obra</title>
		<link rel="stylesheet" type="text/css" href="../../livros/styles/styles.css" />
		<script type="text/javascript" src="../../livros/js/view.js"></script>
		<script type="text/javascript" src="../../livros/js/validacao.js"></script>
	</head>
	<body>
		<jsp:include page="../include/header.jsp"></jsp:include>
		<div id="conteudo">
			<div id="conteudoPagina">
				
				<h1><%=obraDTO.getTitulo() %> - Nota: <%=rank %></h1>
				<% if(usuarioLogado != null && !estaNaLista) {%>
					<div class="boxAdicionarLista">					
						<b>Adicionar a lista?</b>
						<form action="ListaServlet" method="post" onsubmit="return validarAdicionarLista(this)">
							<select name="status" id="status" class="widthAuto">
								<option value="0">Selecione um Status</option>					        	
						        <%for(StatusDTO s : status){ %><option value="<%=s.getCodigo()%>"><%=s.getDescricao()%></option><%}%>                                                    
	                        </select>
	                        <input type="submit" name="acao" id="acao" value="Adicionar" class="widthAuto"/>
						</form>
					</div>
				<% } %>	
				<b>Descrição:</b>
				<textarea class="textAreaDescricao" readonly="readonly" disabled="disabled" ><%=obraDTO.getDescricao() %></textarea>		
				<br /><br /><br />
				<span style="font-weight: bold">Autores:</span>
					
				<ul>								
					<%for(AutorDTO o : autores){ %>
						<li><%=o.getNome()%></li>						
					<% } %>
				</ul>
				<br /><br /><br />
				<span style="font-weight: bold">Livros:</span>
					
				<ul>								
					<%for(ObraDTO o : livros){ %>
						<li><%=o.getTitulo()%></li>						
					<% } %>
				</ul>
				<br />
				<table>
					<tr>
						<td rowspan="4">
							<% if (obraDTO.getCapa() != null) { %>
								<img src="ObraServlet?acao=showImg&id=<%=  obraDTO.getCodigo() %>" style="height: 120px ; margin: 5px ; width: 100px; border-radius: 8px" />
							<% } %>
						</td>
					</tr>
					<tr>
						<td class="colunaNegrito">Editora:</td>
						<td><%=obraDTO.getEditora() %></td>					
						<td class="colunaNegrito">Paginas:</td>
						<td><%=obraDTO.getPaginas() %></td>
					<tr>
					<tr>
						<td class="colunaNegrito">Ano:</td>
						<td><%=obraDTO.getAno() %> </td>					
						<td class="colunaNegrito">Edição:</td>
						<td><%=obraDTO.getEdicao() %> </td>
					<tr>
				</table>
																
				<br />	
				<% if(comentarios.size() > 0) {%>
				<b>Comentarios:</b>				
				<br />
				<%for(ComentarioDTO o : comentarios){ %>
					<p><%=o.getDescricao()%></p>						 						
					<hr />
					<br>					
				<% } } %>						
				
				<% if (usuarioLogado != null) {%>
				<b>Faça seu comentário:</b>
				<form action="ColecaoServlet" method="post" onsubmit="return validarForm(this)">
					<table>				
						<tr>
							<td>Rank:</td>						
							<td>
								<select name="rank" id="rank">					        	
						        	<%for(int i = 0; i <= 10; i++){ %><option value="<%=i%>"><%=i%></option><%}%>                                                    
	                        	</select>          
							</td>
						</tr>
						<tr>
		                  	<td>Comentário:<span>*</span></td>
		                  	<td>
	                    		<textarea name="descricao" id="descricao" style="width: 500px; height: 80px"></textarea>
		                  	</td>
		              	</tr>
					</table>
					<button type="submit" name="acao" id="acao" value="Comentar" class="botao">Comentar</button>
				</form>
				<% } %>
				<form action="ColecaoServlet" method="post">
					<button type="submit" name="acao" id="acao" value="Voltar" class="botao">Voltar</button>
				</form>
			</div>
		<jsp:include page="../include/destaqueAutores.jsp"></jsp:include>
	</div>
		<script type="text/javascript">
			function validarForm(form) {				
				var erro = validarDescricao(form.descricao.value);
				if (erro == "") {
					return true;
				} else {
					alert(erro);
					return false;
				}
			}
				
			function validarFormLista(form) {				
				var erro = validarStatus(form.status.value);
				if (erro == "") {
					return true;
				} else {
					alert(erro);
					return false;
				}
			}
			
			function validarStatus(s) {
				if (s == "") {
					return "Informe o Status";
				} else {
					return "";
				}
			}
			
			function validarDescricao(d) {
				if (d == "") {
					return "Informe o Comentário";
				} else {
					return "";
				}
			}
		</script>
	</body>
</html>